<template>
	<view class="content">
		<f-navbar title="店铺详情" fontColor="#333" fontSize="34" bgColor="#fff">
			<view class="u-flex" slot="left">
				<van-icon name="arrow-left" color="#333" size="20" />
			</view>
		</f-navbar>
		<view class="content_box">
			<view class="content_boxtop">
				<view class="content_topimg">
					<image class="content_topimg1" :src="dataobj.logo" mode=""></image>
				</view>
				<view class="content_topR">
					<view class="content_topRTitle">
						<view class="content_topRname">{{dataobj.name}}</view>
						<view class="content_topRGZ" v-if="dataobj.is_coll==0" @click="oncoll"><text
								class="addicon">+</text> 收藏</view>
						<view class="content_topRGZ_avtive" v-if="dataobj.is_coll==1" @click="onnocoll">已收藏</view>
					</view>
					<view class="content_toptoast">{{dataobj.promise}}</view>
					<view class="content_numbox">
						<view class="content_numboxtxt">完成拼单{{dataobj.act_sale_num}}次</view>
						<view class="content_numboxtxt">已售{{dataobj.sale_num}}件</view>
						<view class="content_numboxtxt">{{dataobj.coll_num}}人收藏</view>
					</view>
				</view>

			</view>
			<view class="changebox">
				<view class="changebox_item" :class="isfenlei==0?'changebox_item_active':''" @click="onchangeitem(0)">
					全部
				</view>
				<view class="changebox_item" :class="isfenlei==1?'changebox_item_active':''" @click="onchangeitem(1)">
					店铺拼团
				</view>
				<view class="changebox_item" :class="isfenlei==2?'changebox_item_active':''" @click="onchangeitem(2)">
					单品拼团
				</view>
				<view class="changebox_item" :class="isfenlei==3?'changebox_item_active':''" @click="onchangeitem(3)">
					原价商品
				</view>
			</view>
			<view class="allbox" v-show="isfenlei==0">

				<!-- 全部商品 -->
				<!-- 全部商品 -->
				<view class="allshopsbox">
					<view class="allshopstitle" @click="changeallshops(1)"
						:class="changeallshop==1 ?'allshopstitle_active':''">
						<image class="allshopsicon" v-show="changeallshop==1"
							src="https://yuanchubao.oss-cn-beijing.aliyuncs.com/allshops_active.png" mode=""></image>
						<image class="allshopsicon" v-show="changeallshop==2"
							src="https://yuanchubao.oss-cn-beijing.aliyuncs.com/allshops.png" mode=""></image>
						全部商品

					</view>
					<view class="allshopPL" @click="changeallshops(2)"
						:class="changeallshop==2 ?'allshopstitle_active':''">评价<text
							class="pjnum">({{dataobj.com_num>99?dataobj.com_num+'+':dataobj.com_num}})</text></view>
				</view>
				<view class="allshop" v-show="changeallshop==1">
					<view class="allshopitembox">
						<view class="allshopitem" :class="shopname==markitem.id?'allshopitem_active':''"
							v-for="(markitem,markindex) in dataobj.marks_item" :data-shops="markitem" :key="markindex"
							@click="changeshops(markitem)">
							{{markitem.title}}
						</view>
						<!-- 						<view class="allshopitem">
							品类明星
						</view>
						<view class="allshopitem">
							品类明星
						</view>
						<view class="allshopitem">
							品类明星
						</view>
						<view class="allshopitem allshopitem_active">
							品类明星
						</view>
						<view class="allshopitem">
							品类明星
						</view>
						<view class="allshopitem">
							品类明星
						</view>
						<view class="allshopitem">
							品类明星
						</view> -->
					</view>
					<view class="infobox">
						<!-- <view class="infobox_shopimg"></view> -->
						<view class="infotitlebox">
							<!-- <cx-screen :list="list"></cx-screen> -->
							<view class="infotitle" :class="number==index?'infotitle_active':''"
								v-for="(item,index) in list" :key="index" @click="select(item,index)">
								<view class="flexs">
									<view>{{item.name}}</view>
									<view class="price_jiantou" v-if="item.id=='4' || item.id=='5'">
										<van-icon name="arrow-up" :color="item.upState ? '#ff9a00':'#555555'"
											size="8" />
										<van-icon name="arrow-down" :color="item.downState ? '#ff9a00':'#555555'"
											size="8" />
									</view>
								</view>
							</view>

						</view>
						<scroll-view @scrolltolower="lowerBottom" scroll-y="true" class="scrollHeight"
							:style="{marginTop:0+'rpx'}" :refresher-triggered="shopstriggered"
							:scroll-with-animation="true">
							<view class="info_contentbox">

								<view class="info_content" @click="ongoodsDetail(shopitem)" v-for="(shopitem,shopindex) in datashopsList"
									:key="shopindex">
									<view class="info_contentimg">
										<image class="info_contentimg1" :src="shopitem.good_img" mode=""></image>
									</view>
									<view class="info_contenttitle">
										<view class="info_contenttxt">{{shopitem.title}}</view>
										<van-icon name="arrow" color="#bbb" size="14" />
									</view>
									<view class="info_contentbaioqian" v-if="shopitem.tags.length>0">
										<view class="info_biaoqian" v-for="(tagsitem,tagsindex) in shopitem.tags"
											:key="tagsindex">{{tagsitem}}</view>
										<!-- 	<view class="info_biaoqian">自营</view>
									<view class="info_biaoqian">自营</view>
									<view class="info_biaoqian">自营</view> -->
									</view>
									<view class="info-dazhe" v-if="shopitem.is_activity==1">
										<view class="info-dazheL"> 原价:<text
												class="info-dazheLicon">￥</text>{{shopitem.origin_price}} </view>
										<view class="info-dazheR">最低价:<text
												class="info-dazheLicon">￥</text>{{shopitem.low_price}}</view>
									</view>
									<view class="info_bottomprice">现拼单价：<text class="info_bottompriceicon">￥</text><text
											class="price">{{shopitem.now_price}}</text></view>
											<view class="float_left_icon" v-if="shopitem.attr_type==2 && shopitem.is_activity==1">
												{{shopitem.attr_type_txt}}
											</view>
											<view class="float_right_icon" v-if="shopitem.attr_type==1 && shopitem.is_activity==1">
												{{shopitem.attr_type_txt}}
											</view>
								</view>

							</view>
						</scroll-view>
					</view>
				</view>
				<view class="evaluatebox" v-show="changeallshop==2">

					<view class="evaluatebox_change">
						<view class="evaluate_line"></view>
						<view class="evaluatebox_changebox">
							<view class="evaluatebox_changeitem" :class="evaluatetype==1?'evaluatebox_changeitemAV':''"
								@click="changeevaluate(1)">综合</view>
							<view class="evaluatebox_changeitem" :class="evaluatetype==2?'evaluatebox_changeitemAV':''"
								@click="changeevaluate(2)">最新</view>
						</view>
					</view>
					<view class="evaluate_info" :class="isshowallcom?'':'evaluate_info1'">
						<view class="evaluate_infotop">
							<view class="evaluate_infotopL">评价<text class="evaluatenum">（{{dataobj.com_num}}）</text>
							</view>
							<view class="evaluate_infotopR" @click="onallcomment">查看全部评价 </view>
						</view>
						<scroll-view @scrolltolower="commentlowerBottom" scroll-y="true" class="scrollHeight"
							:style="{marginTop:0+'rpx'}" :refresher-triggered="shopstriggered"
							:scroll-with-animation="true">
							<view class="evaluate_infobox" v-for="(commentitem,commentindex) in CommentList"
								:key="commentindex">
								<view class="evaluate_infohead">
									<!-- <view class="evaluate_infoheadimg"> -->
									<image class="evaluate_infoheadimg" :src="commentitem.avatar" mode=""></image>
									<!-- </view> -->
									<view class="evaluate_infoheadtitle">
										<view class="evaluate_infoheadtitle1">{{commentitem.nickname}}</view>
										<view class="evaluate_infoheadtime">{{commentitem.create_at}}</view>
									</view>
								</view>
								<view class="describebox">{{commentitem.contents}}</view>
								<view class="evaluateimgbox" v-if="commentitem.img_item!==''">
									<view class="evaluateimg" v-for="(comimgitem,comimgindex) in commentitem.img_item"
										:key="comimgindex">
										<image class="evaluateimg1" :src="comimgitem" mode=""></image>
									</view>
									<!-- 				<view class="evaluateimg"></view>
									<view class="evaluateimg"></view>
									<view class="evaluateimg"></view>
									<view class="evaluateimg"></view>
									<view class="evaluateimg"></view>
									<view class="evaluateimg"></view> -->
								</view>
							</view>
						</scroll-view>
					</view>
				</view>

			</view>
			<view class="allbox" v-show="isfenlei==1">
				<view class="huodong_box" v-if="dataobj.rule_item!==''">
					<view class="huodong_boxtop">
						<view class="huodong_boxtopL">
							<view class="huodong_boxtopLTitle">店铺活动规则</view>
							<view class="huodong_boxtopLTxt" v-for="(ruleitem,ruleindex) in dataobj.rule_item.rule_txt"
								:key="ruleindex">{{ruleitem}}</view>
							<!-- 	<view class="huodong_boxtopLTxt">销售额满5000元，每件商品优惠10%</view>
							<view class="huodong_boxtopLTxt">销售额满15000元，最终每件商品优惠20%</view> -->
						</view>
						<view class="huodong_boxtopR">
							<view class="timetitle">— 结束时间 —</view>
							<view class="timebox">
								<view class="time">
									<view class="shijian" :class="isshowtime?'item_active':''">{{countdownh}}</view>
									<text>:</text>
									<view class="shijian" :class="isshowtime?'item_active':''">{{countdownm}}</view>
									<text>:</text>
									<view class="shijian" :class="isshowtime?'item_active':''">{{countdowns}}</view>
								</view>
							</view>

						</view>
					</view>
					<view class="huodongtoast">活动结束前不可退款；商品最终价格以最终销售额进行返利统计；商品价格以活动结束数量为准；</view>

				</view>
				<view class="xiaoliangbox" v-if="dataobj.progress_item!==''">
					<view class="xiaocaricon" :style="'left:'+ carleft+'rpx'">
						<view class="carimgtop">{{dataobj.progress_item.now_num}}元
							<view class="cartopsanjiao"></view>
						</view>
						<image class="carimg" :src="imgurl+'caricon.png'" mode=""></image>
					</view>
					<view class="jindutiaobox">
						<view class="jindutiaoboxL">
							
							<image class="carbgimg" :src="imgurl+'carjianbainicon.png'" mode=""><text class="dqxiaoshou">当前销售</text></image>
						</view>
						<view class="jindutiaoboxRbox">
							<view class="carnum">{{dataobj.progress_item.max_num}}</view>
							<view class="jindutiaoboxR" :style="'min-width:'+ carwidth+'rpx'"></view>
						</view>

					</view>
					<view class="carbaifen" :style="'left:'+ carleft+'rpx'">
						{{dataobj.progress_item.percent_num}}
						<view class="carsanjiao">

						</view>
					</view>

				</view>
				<!-- 全部商品 -->
				<view class="allshopsbox">
					<view class="allshopstitle" @click="changeallshops(1)"
						:class="changeallshop==1 ?'allshopstitle_active':''">
						<image class="allshopsicon" v-show="changeallshop==1"
							src="https://yuanchubao.oss-cn-beijing.aliyuncs.com/allshops_active.png" mode=""></image>
						<image class="allshopsicon" v-show="changeallshop==2"
							src="https://yuanchubao.oss-cn-beijing.aliyuncs.com/allshops.png" mode=""></image>
						全部商品

					</view>
					<view class="allshopPL" @click="changeallshops(2)"
						:class="changeallshop==2 ?'allshopstitle_active':''">评价<text
							class="pjnum">({{dataobj.com_num>99?dataobj.com_num+'+':dataobj.com_num}})</text></view>
				</view>
				<view class="allshop" v-show="changeallshop==1">
					<view class="allshopitembox">
						<view class="allshopitem" :class="shopname==markitem.id?'allshopitem_active':''"
							v-for="(markitem,markindex) in dataobj.marks_item" :data-shops="markitem" :key="markindex"
							@click="changeshops(markitem)">
							{{markitem.title}}
						</view>
						<!-- 						<view class="allshopitem">
							品类明星
						</view>
						<view class="allshopitem">
							品类明星
						</view>
						<view class="allshopitem">
							品类明星
						</view>
						<view class="allshopitem allshopitem_active">
							品类明星
						</view>
						<view class="allshopitem">
							品类明星
						</view>
						<view class="allshopitem">
							品类明星
						</view>
						<view class="allshopitem">
							品类明星
						</view> -->
					</view>
					<view class="infobox">
						<!-- <view class="infobox_shopimg"></view> -->
						<view class="infotitlebox">
							<!-- <cx-screen :list="list"></cx-screen> -->
							<view class="infotitle" :class="number==index?'infotitle_active':''"
								v-for="(item,index) in list" :key="index" @click="select(item,index)">
								<view class="flexs">
									<view>{{item.name}}</view>
									<view class="price_jiantou" v-if="item.id=='4' || item.id=='5'">
										<van-icon name="arrow-up" :color="item.upState ? '#ff9a00':'#555555'"
											size="8" />
										<van-icon name="arrow-down" :color="item.downState ? '#ff9a00':'#555555'"
											size="8" />
									</view>
								</view>
							</view>

						</view>
						<scroll-view @scrolltolower="lowerBottom" scroll-y="true" class="scrollHeight"
							:style="{marginTop:0+'rpx'}" :refresher-triggered="shopstriggered"
							:scroll-with-animation="true">
							<view class="info_contentbox">

								<view class="info_content" @click="ongoodsDetail(shopitem)" v-for="(shopitem,shopindex) in datashopsList"
									:key="shopindex">
									<view class="info_contentimg">
										<image class="info_contentimg1" :src="shopitem.good_img" mode=""></image>
									</view>
									<view class="info_contenttitle">
										<view class="info_contenttxt">{{shopitem.title}}</view>
										<van-icon name="arrow" color="#bbb" size="14" />
									</view>
									<view class="info_contentbaioqian" v-if="shopitem.tags.length>0">
										<view class="info_biaoqian" v-for="(tagsitem,tagsindex) in shopitem.tags"
											:key="tagsindex">{{tagsitem}}</view>
										<!-- 	<view class="info_biaoqian">自营</view>
									<view class="info_biaoqian">自营</view>
									<view class="info_biaoqian">自营</view> -->
									</view>
									<view class="info-dazhe" v-if="shopitem.is_activity==1">
										<view class="info-dazheL"> 原价:<text
												class="info-dazheLicon">￥</text>{{shopitem.origin_price}} </view>
										<view class="info-dazheR">最低价:<text
												class="info-dazheLicon">￥</text>{{shopitem.low_price}}</view>
									</view>
									<view class="info_bottomprice">现拼单价：<text class="info_bottompriceicon">￥</text><text
											class="price">{{shopitem.now_price}}</text></view>
											<view class="float_left_icon" v-if="shopitem.attr_type==2 && shopitem.is_activity==1">
												{{shopitem.attr_type_txt}}
											</view>
											<view class="float_right_icon" v-if="shopitem.attr_type==1 && shopitem.is_activity==1">
												{{shopitem.attr_type_txt}}
											</view>
								</view>

							</view>
						</scroll-view>
					</view>
				</view>
				<view class="evaluatebox" v-show="changeallshop==2">

					<view class="evaluatebox_change">
						<view class="evaluate_line"></view>
						<view class="evaluatebox_changebox">
							<view class="evaluatebox_changeitem" :class="evaluatetype==1?'evaluatebox_changeitemAV':''"
								@click="changeevaluate(1)">综合</view>
							<view class="evaluatebox_changeitem" :class="evaluatetype==2?'evaluatebox_changeitemAV':''"
								@click="changeevaluate(2)">最新</view>
						</view>
					</view>
					<view class="evaluate_info" :class="isshowallcom?'':'evaluate_info1'">
						<view class="evaluate_infotop">
							<view class="evaluate_infotopL">评价<text class="evaluatenum">（{{dataobj.com_num}}）</text>
							</view>
							<view class="evaluate_infotopR" @click="onallcomment">查看全部评价 </view>
						</view>
						<scroll-view @scrolltolower="commentlowerBottom" scroll-y="true" class="scrollHeight"
							:style="{marginTop:0+'rpx'}" :refresher-triggered="shopstriggered"
							:scroll-with-animation="true">
							<view class="evaluate_infobox" v-for="(commentitem,commentindex) in CommentList"
								:key="commentindex">
								<view class="evaluate_infohead">
									<!-- <view class="evaluate_infoheadimg"> -->
									<image class="evaluate_infoheadimg" :src="commentitem.avatar" mode=""></image>
									<!-- </view> -->
									<view class="evaluate_infoheadtitle">
										<view class="evaluate_infoheadtitle1">{{commentitem.nickname}}</view>
										<view class="evaluate_infoheadtime">{{commentitem.create_at}}</view>
									</view>
								</view>
								<view class="describebox">{{commentitem.contents}}</view>
								<view class="evaluateimgbox" v-if="commentitem.img_item!==''">
									<view class="evaluateimg" v-for="(comimgitem,comimgindex) in commentitem.img_item"
										:key="comimgindex">
										<image class="evaluateimg1" :src="comimgitem" mode=""></image>
									</view>
									<!-- 				<view class="evaluateimg"></view>
									<view class="evaluateimg"></view>
									<view class="evaluateimg"></view>
									<view class="evaluateimg"></view>
									<view class="evaluateimg"></view>
									<view class="evaluateimg"></view> -->
								</view>
							</view>
						</scroll-view>
					</view>
				</view>

			</view>
			<view class="allbox" v-show="isfenlei==2">

				<!-- 全部商品 -->
				<view class="allshopsbox">
					<view class="allshopstitle" @click="changeallshops(1)"
						:class="changeallshop==1 ?'allshopstitle_active':''">
						<image class="allshopsicon" v-show="changeallshop==1"
							src="https://yuanchubao.oss-cn-beijing.aliyuncs.com/allshops_active.png" mode=""></image>
						<image class="allshopsicon" v-show="changeallshop==2"
							src="https://yuanchubao.oss-cn-beijing.aliyuncs.com/allshops.png" mode=""></image>
						全部商品

					</view>
					<view class="allshopPL" @click="changeallshops(2)"
						:class="changeallshop==2 ?'allshopstitle_active':''">评价<text
							class="pjnum">({{dataobj.com_num>99?dataobj.com_num+'+':dataobj.com_num}})</text></view>
				</view>
				<view class="allshop" v-show="changeallshop==1">
					<view class="allshopitembox">
						<view class="allshopitem" :class="shopname==markitem.id?'allshopitem_active':''"
							v-for="(markitem,markindex) in dataobj.marks_item" :data-shops="markitem" :key="markindex"
							@click="changeshops(markitem)">
							{{markitem.title}}
						</view>
						<!-- 						<view class="allshopitem">
						品类明星
					</view>
					<view class="allshopitem">
						品类明星
					</view>
					<view class="allshopitem">
						品类明星
					</view>
					<view class="allshopitem allshopitem_active">
						品类明星
					</view>
					<view class="allshopitem">
						品类明星
					</view>
					<view class="allshopitem">
						品类明星
					</view>
					<view class="allshopitem">
						品类明星
					</view> -->
					</view>
					<view class="infobox">
						<!-- <view class="infobox_shopimg"></view> -->
						<view class="infotitlebox">
							<!-- <cx-screen :list="list"></cx-screen> -->
							<view class="infotitle" :class="number==index?'infotitle_active':''"
								v-for="(item,index) in list" :key="index" @click="select(item,index)">
								<view class="flexs">
									<view>{{item.name}}</view>
									<view class="price_jiantou" v-if="item.id=='4' || item.id=='5'">
										<van-icon name="arrow-up" :color="item.upState ? '#ff9a00':'#555555'"
											size="8" />
										<van-icon name="arrow-down" :color="item.downState ? '#ff9a00':'#555555'"
											size="8" />
									</view>
								</view>
							</view>

						</view>
						<scroll-view @scrolltolower="lowerBottom" scroll-y="true" class="scrollHeight"
							:style="{marginTop:0+'rpx'}" :refresher-triggered="shopstriggered"
							:scroll-with-animation="true">
							<view class="info_contentbox">

								<view class="info_content" @click="ongoodsDetail(shopitem)" v-for="(shopitem,shopindex) in datashopsList"
									:key="shopindex">
									<view class="info_contentimg">
										<image class="info_contentimg1" :src="shopitem.good_img" mode=""></image>
									</view>
									<view class="info_contenttitle">
										<view class="info_contenttxt">{{shopitem.title}}</view>
										<van-icon name="arrow" color="#bbb" size="14" />
									</view>
									<view class="info_contentbaioqian" v-if="shopitem.tags.length>0">
										<view class="info_biaoqian" v-for="(tagsitem,tagsindex) in shopitem.tags"
											:key="tagsindex">{{tagsitem}}</view>
										<!-- 	<view class="info_biaoqian">自营</view>
								<view class="info_biaoqian">自营</view>
								<view class="info_biaoqian">自营</view> -->
									</view>
									<view class="info-dazhe" v-if="shopitem.is_activity==1">
										<view class="info-dazheL"> 原价:<text
												class="info-dazheLicon">￥</text>{{shopitem.origin_price}} </view>
										<view class="info-dazheR">最低价:<text
												class="info-dazheLicon">￥</text>{{shopitem.low_price}}</view>
									</view>
									<view class="info_bottomprice">现拼单价：<text class="info_bottompriceicon">￥</text><text
											class="price">{{shopitem.now_price}}</text></view>
											<view class="float_left_icon" v-if="shopitem.attr_type==2 && shopitem.is_activity==1">
												{{shopitem.attr_type_txt}}
											</view>
											<view class="float_right_icon" v-if="shopitem.attr_type==1 && shopitem.is_activity==1">
												{{shopitem.attr_type_txt}}
											</view>
								</view>

							</view>
						</scroll-view>
					</view>
				</view>
				<view class="evaluatebox" v-show="changeallshop==2">

					<view class="evaluatebox_change">
						<view class="evaluate_line"></view>
						<view class="evaluatebox_changebox">
							<view class="evaluatebox_changeitem" :class="evaluatetype==1?'evaluatebox_changeitemAV':''"
								@click="changeevaluate(1)">综合</view>
							<view class="evaluatebox_changeitem" :class="evaluatetype==2?'evaluatebox_changeitemAV':''"
								@click="changeevaluate(2)">最新</view>
						</view>
					</view>
					<view class="evaluate_info" :class="isshowallcom?'':'evaluate_info1'">
						<view class="evaluate_infotop">
							<view class="evaluate_infotopL">评价<text class="evaluatenum">（{{dataobj.com_num}}）</text>
							</view>
							<view class="evaluate_infotopR" @click="onallcomment">查看全部评价 </view>
						</view>
						<scroll-view @scrolltolower="commentlowerBottom" scroll-y="true" class="scrollHeight"
							:style="{marginTop:0+'rpx'}" :refresher-triggered="shopstriggered"
							:scroll-with-animation="true">
							<view class="evaluate_infobox" v-for="(commentitem,commentindex) in CommentList"
								:key="commentindex">
								<view class="evaluate_infohead">
									<!-- <view class="evaluate_infoheadimg"> -->
									<image class="evaluate_infoheadimg" :src="commentitem.avatar" mode=""></image>
									<!-- </view> -->
									<view class="evaluate_infoheadtitle">
										<view class="evaluate_infoheadtitle1">{{commentitem.nickname}}</view>
										<view class="evaluate_infoheadtime">{{commentitem.create_at}}</view>
									</view>
								</view>
								<view class="describebox">{{commentitem.contents}}</view>
								<view class="evaluateimgbox" v-if="commentitem.img_item!==''">
									<view class="evaluateimg" v-for="(comimgitem,comimgindex) in commentitem.img_item"
										:key="comimgindex">
										<image class="evaluateimg1" :src="comimgitem" mode=""></image>
									</view>
									<!-- 				<view class="evaluateimg"></view>
								<view class="evaluateimg"></view>
								<view class="evaluateimg"></view>
								<view class="evaluateimg"></view>
								<view class="evaluateimg"></view>
								<view class="evaluateimg"></view> -->
								</view>
							</view>
						</scroll-view>
					</view>
				</view>

			</view>
			<view class="allbox" v-show="isfenlei==3">

				<!-- 全部商品 -->
				<view class="allshopsbox">
					<view class="allshopstitle" @click="changeallshops(1)"
						:class="changeallshop==1 ?'allshopstitle_active':''">
						<image class="allshopsicon" v-show="changeallshop==1"
							src="https://yuanchubao.oss-cn-beijing.aliyuncs.com/allshops_active.png" mode=""></image>
						<image class="allshopsicon" v-show="changeallshop==2"
							src="https://yuanchubao.oss-cn-beijing.aliyuncs.com/allshops.png" mode=""></image>
						全部商品

					</view>
					<view class="allshopPL" @click="changeallshops(2)"
						:class="changeallshop==2 ?'allshopstitle_active':''">评价<text
							class="pjnum">({{dataobj.com_num>99?dataobj.com_num+'+':dataobj.com_num}})</text></view>
				</view>
				<view class="allshop" v-show="changeallshop==1">
					<view class="allshopitembox">
						<view class="allshopitem" :class="shopname==markitem.id?'allshopitem_active':''"
							v-for="(markitem,markindex) in dataobj.marks_item" :data-shops="markitem" :key="markindex"
							@click="changeshops(markitem)">
							{{markitem.title}}
						</view>
						<!-- 						<view class="allshopitem">
						品类明星
					</view>
					<view class="allshopitem">
						品类明星
					</view>
					<view class="allshopitem">
						品类明星
					</view>
					<view class="allshopitem allshopitem_active">
						品类明星
					</view>
					<view class="allshopitem">
						品类明星
					</view>
					<view class="allshopitem">
						品类明星
					</view>
					<view class="allshopitem">
						品类明星
					</view> -->
					</view>
					<view class="infobox">
						<!-- <view class="infobox_shopimg"></view> -->
						<view class="infotitlebox">
							<!-- <cx-screen :list="list"></cx-screen> -->
							<view class="infotitle" :class="number==index?'infotitle_active':''"
								v-for="(item,index) in list" :key="index" @click="select(item,index)">
								<view class="flexs">
									<view>{{item.name}}</view>
									<view class="price_jiantou" v-if="item.id=='4' || item.id=='5'">
										<van-icon name="arrow-up" :color="item.upState ? '#ff9a00':'#555555'"
											size="8" />
										<van-icon name="arrow-down" :color="item.downState ? '#ff9a00':'#555555'"
											size="8" />
									</view>
								</view>
							</view>

						</view>
						<scroll-view @scrolltolower="lowerBottom" scroll-y="true" class="scrollHeight"
							:style="{marginTop:0+'rpx'}" :refresher-triggered="shopstriggered"
							:scroll-with-animation="true">
							<view class="info_contentbox">

								<view class="info_content" @click="ongoodsDetail(shopitem)" v-for="(shopitem,shopindex) in datashopsList"
									:key="shopindex">
									<view class="info_contentimg">
										<image class="info_contentimg1" :src="shopitem.good_img" mode=""></image>
									</view>
									<view class="info_contenttitle">
										<view class="info_contenttxt">{{shopitem.title}}</view>
										<van-icon name="arrow" color="#bbb" size="14" />
									</view>
									<view class="info_contentbaioqian" v-if="shopitem.tags.length>0">
										<view class="info_biaoqian" v-for="(tagsitem,tagsindex) in shopitem.tags"
											:key="tagsindex">{{tagsitem}}</view>
										<!-- 	<view class="info_biaoqian">自营</view>
								<view class="info_biaoqian">自营</view>
								<view class="info_biaoqian">自营</view> -->
									</view>
									<view class="info-dazhe" v-if="shopitem.is_activity==1">
										<view class="info-dazheL"> 原价:<text
												class="info-dazheLicon">￥</text>{{shopitem.origin_price}} </view>
										<view class="info-dazheR">最低价:<text
												class="info-dazheLicon">￥</text>{{shopitem.low_price}}</view>
									</view>
									<view class="info_bottomprice">现拼单价：<text class="info_bottompriceicon">￥</text><text
											class="price">{{shopitem.now_price}}</text></view>
											<view class="float_left_icon" v-if="shopitem.attr_type==2 && shopitem.is_activity==1">
												{{shopitem.attr_type_txt}}
											</view>
											<view class="float_right_icon" v-if="shopitem.attr_type==1 && shopitem.is_activity==1">
												{{shopitem.attr_type_txt}}
											</view>
								</view>

							</view>
						</scroll-view>
					</view>
				</view>
				<view class="evaluatebox" v-show="changeallshop==2">

					<view class="evaluatebox_change">
						<view class="evaluate_line"></view>
						<view class="evaluatebox_changebox">
							<view class="evaluatebox_changeitem" :class="evaluatetype==1?'evaluatebox_changeitemAV':''"
								@click="changeevaluate(1)">综合</view>
							<view class="evaluatebox_changeitem" :class="evaluatetype==2?'evaluatebox_changeitemAV':''"
								@click="changeevaluate(2)">最新</view>
						</view>
					</view>
					<view class="evaluate_info" :class="isshowallcom?'':'evaluate_info1'">
						<view class="evaluate_infotop">
							<view class="evaluate_infotopL">评价<text class="evaluatenum">（{{dataobj.com_num}}）</text>
							</view>
							<view class="evaluate_infotopR" @click="onallcomment">查看全部评价 </view>
						</view>
						<scroll-view @scrolltolower="commentlowerBottom" scroll-y="true" class="scrollHeight"
							:style="{marginTop:0+'rpx'}" :refresher-triggered="shopstriggered"
							:scroll-with-animation="true">
							<view class="evaluate_infobox" v-for="(commentitem,commentindex) in CommentList"
								:key="commentindex">
								<view class="evaluate_infohead">
									<!-- <view class="evaluate_infoheadimg"> -->
									<image class="evaluate_infoheadimg" :src="commentitem.avatar" mode=""></image>
									<!-- </view> -->
									<view class="evaluate_infoheadtitle">
										<view class="evaluate_infoheadtitle1">{{commentitem.nickname}}</view>
										<view class="evaluate_infoheadtime">{{commentitem.create_at}}</view>
									</view>
								</view>
								<view class="describebox">{{commentitem.contents}}</view>
								<view class="evaluateimgbox" v-if="commentitem.img_item!==''">
									<view class="evaluateimg" v-for="(comimgitem,comimgindex) in commentitem.img_item"
										:key="comimgindex">
										<image class="evaluateimg1" :src="comimgitem" mode=""></image>
									</view>
									<!-- 				<view class="evaluateimg"></view>
								<view class="evaluateimg"></view>
								<view class="evaluateimg"></view>
								<view class="evaluateimg"></view>
								<view class="evaluateimg"></view>
								<view class="evaluateimg"></view> -->
								</view>
							</view>
						</scroll-view>
					</view>
				</view>

			</view>

		</view>
	</view>
</template>

<script>
	import fNavbar from '@/uni_modules/f-navbar/components/f-navbar/f-navbar.vue';
	import {
		getCommentList,
		getStoreInfoByID,
		getGoodsInStoreByMarks,
		setCollect
	} from '../../utils/app.js'
	export default {
		components: {
			fNavbar
		},
		data() {
			return {
				imgurl: getApp().globalData.imgurl,
				time: 5 * 60 * 60 * 1000,
				timeData: {},
				changeallshop: 1,
				changetitle: '1', //选择销量最新价格等
				priceicon: '1', //选择上箭头或者下箭头
				evaluatetype: 1,
				isfenlei: 0, // 全部单品选择
				countdownh: '',
				countdownm: '',
				countdowns: '',
				timer: null, //重复执行
				end_time: '', // 结束时间
				storeid: '', // 店铺id
				dataobj: {}, // 店铺数据
				shopname: '0', // 全部商品下选择的商品id 
				shopspages: 1, // 分页数据
				Commentpage: 1, //
				CommentList: [], //
				Commenttriggered: false,
				datashopsList: [], // 列表数据
				shopstriggered: false, // 设置是否下拉
				scrollTop: 0,
				list: [{
						id: 1,
						name: '默认'
					},
					{
						id: 2,
						name: '销量'
					},
					{
						id: 3,
						name: '最新'
					},
					{
						id: 4,
						name: '价格',
						upState: false,
						downState: false
					},
				],
				number: 0, // 选择销量价格排行
				changetab: 1, // 选择销量价格排行
				carleft: null, // 距离左侧的距离
				carwidth: null, // 宽度
				isshowallcom: false, // 是否展开全部评价

			}
		},
		onLoad(options) {
			console.log(options.storeid);
			this.storeid = options.storeid
			this.timer = setInterval(() => {
				this.showtime(this.end_time)
			},1000)
			this.getList()
			this.getstoreshops(true, this.shopname, this.changetab)
		},
		methods: {
			// 跳转到详情页
			ongoodsDetail(e){
				uni.navigateTo({
					url: '/pages/goodsDetail/goodsDetail?codeid=' + e.code
				})
			},
			//获取店铺信息
			getList() {
				getStoreInfoByID({
					store_id: this.storeid
				}).then(res => {
					console.log(res);
					this.dataobj = res.data
					if(res.data.progress_item!==''){
						let baifen = res.data.progress_item.percent_num
						let baifen1 = baifen.indexOf('%')
						let res1 = Number(baifen.substring(0, baifen1))
						console.log(res1);
						if (res1 !== 0) {
							this.carleft = (res1 * 5.2) + 120
							this.carwidth = (res1 * 5.2) + 30
						
						} else {
							this.carleft = 150
							this.carwidth = 50
						}
					}

					this.end_time = res.data.end_time

				})
			},
			// 获取店铺商品数据
			getstoreshops(isPullDownRefresh, marks_id, sort) {
				let currPage = 1
				if (!isPullDownRefresh) {
					currPage = this.shopspages + 1
				} else {
					currPage = 1
				}
				getGoodsInStoreByMarks({
					store_id: this.storeid,
					marks_id: marks_id,
					style: this.isfenlei,
					sort: sort,
					page: currPage
				}).then(res => {
					console.log(res);
					if (res.code == 1) {

						uni.hideToast()
						const newdata = res.data.list
						if (isPullDownRefresh) {
							this.datashopsList = newdata
							this.shopstriggered = false
						} else {
							this.datashopsList = [...this.datashopsList, ...newdata]
						}
						this.shopspages = res.data.page.current
						console.log(this.shopspages);
						// this.total = res.data.page.total
					}
				})
			},
			// 获取评论数据
			getcommengList(isPullDownRefresh) {
				let currPage = 1
				if (!isPullDownRefresh) {
					currPage = this.Commentpage + 1
				} else {
					currPage = 1
				}
				getCommentList({
					store_id: this.storeid,
					type: this.evaluatetype,
					page: currPage
				}).then(res => {
					console.log(res);
					if (res.code == 1) {

						uni.hideToast()
						const newdata = res.data.list
						if (isPullDownRefresh) {
							this.CommentList = newdata
							this.Commenttriggered = false
						} else {
							this.CommentList = [...this.CommentList, ...newdata]
						}
						this.Commentpage = res.data.page.current
						console.log(this.Commentpage);
						// this.total = res.data.page.total
					}
				})
			},
			//评论触底加载
			commentlowerBottom() {
				// 判断是否还有下一页数据
				// if (this.pages * this.PageSize >= this.total) return person.showMoreData = true
				// 让页码值自增 +1
				// console.log('999');
				// this.pages += 1
				// 重新获取列表数据
				this.getcommengList(false)
			},
			//全部商品下选择商品
			changeshops(e) {
				console.log(e);
				this.shopname = e.id
				this.getstoreshops(true, e.id, this.changetab)
			},
			//触底加载
			lowerBottom() {
				// 判断是否还有下一页数据
				// if (this.pages * this.PageSize >= this.total) return person.showMoreData = true
				// 让页码值自增 +1
				// console.log('999');
				// this.pages += 1
				// 重新获取列表数据
				this.getstoreshops(false, this.shopname, this.changetab)
			},
			// 下拉刷新
			// getFresh() {
			// 	this.shopstriggered = true,
			// 	this.getstoreshops(true,this.shopname,this.changetab)

			// },

			select(item, i) {
				console.log(item, i);
				this.number = i
				this.getstoreshops(true, this.shopname, item.id)
				if (item.id == '4') {
					this.list[3].upState = !this.list[3].upState
					this.list[3].id = '5'
					this.list[3].downState = false

				} else if (item.id == '5') {
					this.list[3].upState = false
					this.list[3].id = '4'
					this.list[3].downState = !this.list[3].downState

				} else {
					this.list[3].upState = false
					this.list[3].downState = false

				}
			},


			showtime(itme) {
				var nowtime = new Date(), //获取当前时间
					endtime = new Date(itme); //定义结束时间
				var lefttime = endtime.getTime() - nowtime.getTime(), //距离结束时间的毫秒数
					leftd = Math.floor(lefttime / (1000 * 60 * 60 * 24)), //计算天数
					lefth = Math.floor((lefttime / (1000 * 60 * 60) % 24) + leftd * 24) < 10 ? "0" + Math.floor((lefttime /
						(1000 * 60 * 60) % 24) + leftd * 24) : Math.floor((lefttime / (1000 * 60 * 60) % 24) + leftd *
						24), //计算小时数
					leftm = Math.floor(lefttime / (1000 * 60) % 60) < 10 ? "0" + Math.floor(lefttime / (1000 * 60) % 60) :
					Math.floor(lefttime / (1000 * 60) % 60), //计算分钟数
					lefts = Math.floor(lefttime / 1000 % 60) < 10 ? "0" + Math.floor(lefttime / 1000 % 60) : Math.floor(
						lefttime / 1000 % 60); //计算秒数
				this.countdownh = lefth //返回倒计时的字符串
				this.countdownm = leftm //返回倒计时的字符串
				this.countdowns = lefts //返回倒计时的字符串
				// 倒计时结束时，显示00:00:00
				if (lefttime < 0) {
					this.countdownh = this.countdownm = this.countdowns = "00"
				}
				if (lefth == 0 && leftm <= 30) {
					this.isshowtime = true
				}
			},
			// 选择全部单品等
			onchangeitem(e) {
				console.log(e);
				this.isfenlei = e
				this.getstoreshops(true, this.shopname, this.changetab)
				this.isshowallcom = false
				this.getcommengList(true)
			},
			// 选择评价类型
			changeevaluate(e) {
				this.evaluatetype = e
				this.getcommengList(true)

			},
			// 选择销量价格等
			change(e) {
				console.log(e);
				this.changetitle = e
			},
			//查看全部评价
			onallcomment() {
				this.isshowallcom = true
			},
			// 选择全部商品或者评价
			changeallshops(e) {
				// console.log(e);
				this.changeallshop = e
				if (e == 1) {
					this.getstoreshops(true, this.shopname, this.changetab)
				} else {
					this.getcommengList(true)
				}
			},
			// 点击收藏关注
			oncoll() {
				setCollect({
					sg_id: this.storeid

				}).then(res => {
					console.log(res);
					if (res.code == 1) {
						this.getList()
					} else {
						uni.showToast({
							icon: 'none',
							title: res.info,
							duration: 1500
						})
					}

				})
			},
			// 点击取消关注收藏
			onnocoll() {
				setCollect({
					sg_id: this.storeid

				}).then(res => {
					if (res.code == 1) {
						this.getList()
					} else {
						uni.showToast({
							icon: 'none',
							title: res.info,
							duration: 1500
						})
					}
				})
			},

			onChange(e) {
				// console.log(e);
				this.timeData = e.detail
				if (e.detail.hours == 0 && e.detail.minutes <= 30) {
					this.isshowtime = true
				}
				// this.setData({
				// timeData: e.detail,
				// });
			},
		},
		// onShareAppMessage: function() { // 分享到微信
		//   // 更多参数配置，参考文档
		//   return {
		//     title: '源初宝',
		//     path: '/pages/storeDetail/storeDetail?storeid='+this.storeid
		//   }
		// },
		
		// onShareTimeline() { // 分享到朋友圈
		//   return {
		//     title: '源初宝',
		//     path: '/pages/storeDetail/storeDetail?storeid='+this.storeid
		//   }
		// },
	}
</script>

<style>
	page {
		background: #eee;
	}

	.scrollHeight {
		height: 90vh;
		-webkit-overflow-scrolling: touch;
		position:fiexd;
		z-index:10;
	}

	.content_boxtop {
		width: 100%;
		height: 160rpx;
		background: #FFFFFF;
		margin-top: 4rpx;
		display: flex;
		align-items: center;
	}

	.content_topimg {
		width: 120rpx;
		height: 120rpx;
		/* background: #000; */
		border-radius: 10rpx;
		margin-left: 30rpx;
	}

	.content_topimg1 {
		width: 100%;
		height: 100%;
	}

	.content_topR {
		width: 580rpx;
		margin-left: 18rpx;
	}

	.content_topRTitle {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}

	.content_topRname {
		font-size: 32rpx;
		font-family: Hiragino Sans GB;
		font-weight: 700;
		color: #333333;
	}

	.content_topRGZ {
		width: 104rpx;
		height: 49rpx;
		border: 2px solid #333333;
		border-radius: 6rpx;
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: 400;
		color: #333333;
		line-height: 49rpx;
		margin-top: 5rpx;
		text-align: center;
		margin-right: 30rpx;
	}

	.content_topRGZ_avtive {
		width: 104rpx;
		height: 49rpx;
		border: 2px solid #FF0000;
		border-radius: 6rpx;
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FF0000;
		text-align: center;
		line-height: 49rpx;
		margin-right: 30rpx;
		margin-top: 5rpx;
	}

	.addicon {
		font-size: 30rpx;
		font-weight: 700;
	}

	.content_toptoast {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #333333;

	}

	.content_numbox {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 18rpx;
	}

	.content_numboxtxt {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #A27147;
	}

	.content_numboxtxt:last-child {
		margin-right: 30rpx;
	}

	.infotitlebox {
		width: 750rpx;
		height: 105rpx;
		background: #FFFFFF;
		margin-top: 20rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.flexs {
		display: flex;
		justify-content: space-between;
		align-items: center;


	}

	.infotitle {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #555555;
		display: flex;
		align-items: center;
		/* line-height: 105rpx; */
	}

	.infotitle:first-child {
		margin-left: 31rpx;
	}

	.infotitle:last-child {
		margin-right: 31rpx;
		display: flex;
	}

	.price_jiantou {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-left: 11rpx;
	}

	.changebox {
		width: 100%;
		height: 92rpx;
		background: #FD2F84;
		margin-top: 20rpx;
		display: flex;
		align-items: center;
	}

	.changebox_item {
		width: 25%;
		height: 92rpx;
		background: #FD2F84;
		font-size: 30rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FFFFFF;
		line-height: 92rpx;
		text-align: center;
	}

	.changebox_item_active {
		width: 25%;
		height: 92rpx;
		background: #FFFFFF;
		font-size: 30rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FF5A00;
		line-height: 92rpx;
		text-align: center;
		opacity: 0.8;
	}


	.huodong_box {
		width: 100%;
		margin-top: 20rpx;
		background: #FFFFFF;
		overflow: hidden;
	}

	.huodong_boxtop {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 39rpx;
	}

	.huodong_boxtopL {
		margin-left: 30rpx;
	}

	.huodong_boxtopLTitle {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FF0000;
		line-height: 40rpx
	}

	.huodong_boxtopLTxt {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #333333;
		line-height: 55rpx;
	}

	.huodong_boxtopR {
		width: 222rpx;
		height: 198rpx;
		/* background: #000; */
		margin-right: 26rpx;
		background: url(https://yuanchubao.oss-cn-beijing.aliyuncs.com/huodongtime.png) no-repeat;
		background-size: contain;
		position: relative;
		margin-bottom: 30rpx;
	}

	.timetitle {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #A27147;
		position: absolute;
		top: 60rpx;
		left: 16rpx;
		/* transform: translateX(-50%); */
		/* line-height: 55rpx; */
	}

	.timebox {
		position: absolute;
		bottom: 31rpx;
	}

	.time {
		display: flex;
		align-items: center;
		margin-left: 15rpx;

	}

	.shijian {
		display: inline-block;
		/* display: block; */
		/* width: 44rpx; */
		padding: 0 8rpx;
		height: 44rpx;
		background: #EF0E6C;
		border: 1rpx solid #EF480E;
		box-shadow: 0rpx 2rpx 38rpx 0rpx rgba(16, 5, 10, 0.11);
		border-radius: 5rpx;
		box-sizing: border-box;
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FFFFFF;
		line-height: 44rpx;
		margin-right: 6rpx;
		margin-left: 6rpx;
		text-align: center;
	}


	/* 	.huodong_boxRsan{
		position: absolute;
		left: -59rpx;
		height: 0;
		width: 0;
		border-top: 60rpx solid  transparent;
		border-left: 30rpx solid transparent;
		border-right: 30rpx solid #FBEBDC;
		border-bottom: 60rpx solid transparent;
	}
	.huodong_boxRfang{
		width: 215rpx;
		height: 120rpx;
		background: linear-gradient(183deg, #FBEBDC 0%, #E5C2A4 100%);
	} */
	.huodong_boxLtxt {
		/* width: 225rpx; */
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FFFFFF;
		line-height: 28rpx;
	}

	.huodong_boxLtxt1 {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FFFFFF;
		line-height: 28rpx;
		margin-bottom: 18rpx;
	}

	.item {
		display: inline-block;
		/* display: block; */
		width: 44rpx;
		height: 44rpx;
		background: #EF0E6C;
		border: 1px solid #EF480E;
		box-shadow: 0rpx 2rpx 38rpx 0rpx rgba(16, 5, 10, 0.11);
		border-radius: 5rpx;
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FFFFFF;
		line-height: 44rpx;
		margin-right: 10rpx;
		margin-left: 15rpx;
		text-align: center;
	}

	.item_active {
		background: #FFF100;
		border: 1rpx solid #B4A608;
		box-shadow: 0rpx 2rpx 38rpx 0rpx rgba(16, 5, 10, 0.11);
		border-radius: 5rpx;
		color: #FF0101;
	}

	/* 	.item {
		display: inline-block;
		width: 44rpx;
		height: 44rpx;
		border: 1px solid #EF480E;
		background: linear-gradient(0deg, #B6359C 0%, #EF0A6A 100%);
		box-shadow: 0rpx 3rpx 5rpx 0rpx rgba(16, 5, 10, 0.26);
		border-radius: 4rpx;
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FFFFFF;
		line-height: 44rpx;
		margin-right: 10rpx;
		margin-left: 15rpx;
		text-align: center;
	} */

	.item_icon {
		color: #333;
		text-align: center;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	.huodongtoast {
		width: 100%;
		/* height: 83rpx; */
		background: #FF0000;
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FFFFFF;
		line-height: 40rpx;
		padding: 10rpx 30rpx;
		box-sizing: border-box;
	}

	.xiaoliangbox {
		width: 100%;
		height: 242rpx;
		background: #FFFFFF;
		margin-top: 21rpx;
		/* 	display: flex;
		align-items: center;
		justify-content: center; */
		position: relative;
	}

	.xiaocaricon {
		position: absolute;
		top: 20rpx;
	}

	.carimg {
		width: 83rpx;
		height: 37rpx;
		margin-top: 15rpx;
		/* 		width: 100%;
		height: 100%; */
	}

	.carimgtop {
		height: 46rpx;
		background: #FF0000;
		padding: 6rpx 4rpx;
		border-radius: 2rpx 2rpx 0rpx 0rpx;
		font-size: 22rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FFFFFF;
		line-height: 36rpx;
		text-align: center;
		box-sizing: border-box;
		position: relative;
		/* 	position: absolute;
		top: -37rpx; */
	}

	.cartopsanjiao {
		height: 0;
		width: 0;
		border-top: 15rpx solid #ff0000;
		border-left: 15rpx solid transparent;
		border-right: 15rpx solid transparent;
		border-bottom: 15rpx solid transparent;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: -28rpx;
	}



	.jindutiaobox {
		width: 686rpx;
		height: 49rpx;
		border: 1rpx solid #EF0A6A;
		/* border-image: linear-gradient(0deg, #B6359C, #EF0A6A) 10 10; */
		/* background: linear-gradient(0deg, #B6359C 0%, #EF0A6A 100%); */
		border-radius: 24rpx;
		/* overflow: hidden; */
		margin: 0 auto;
		display: flex;
		align-items: center;
		position: absolute;
		top: 115rpx;
		left: 32rpx;
	}

	.jindutiaoboxL {
		width: 165rpx;
		height: 50rpx;
		z-index: 999;
		position: relative;
	}
	.dqxiaoshou{
		width: 165rpx;
		height: 50rpx;
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FFFFFF;
		line-height: 50rpx;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		text-align: center;
		
	}

	.carbgimg {
		width: 100%;
		height: 100%;

	}

	.jindutiaoboxRbox {
		width: 520rpx;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		position: relative;
	}

	.jindutiaoboxR {
		position: absolute;
		left: 10rpx;
		/* 70->110 */
		/* min-width: 110rpx; */
		height: 50rpx;
		background: #FD2F84;
		border-radius: 0 25rpx 25rpx 0;
		margin-left: -30rpx;

	}

	/* 	.carnum:first-child {
		margin-left: 20rpx;
	} */

	.carnum {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #333333;
		line-height: 50rpx;
		margin-right: 20rpx;
		/* margin-right: 20rpx; */
		z-index: 99;
	}

	.carbaifen {
		/* max-width: 60rpx; */
		height: 36rpx;
		background: #FF6C00;
		border-radius: 2rpx 2rpx 0rpx 0rpx;
		padding: 4rpx 9rpx;
		box-sizing: border-box;
		font-size: 22rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FFFFFF;
		line-height: 32rpx;
		text-align: center;
		position: absolute;
		bottom: 20rpx;
	}

	.carsanjiao {
		height: 0;
		width: 0;
		border-top: 15rpx solid transparent;
		border-left: 15rpx solid transparent;
		border-right: 15rpx solid transparent;
		border-bottom: 15rpx solid #FF6C00;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: -28rpx;
	}

	.carnumactive {
		color: #fff;
	}

	.allshopsbox {
		width: 100%;
		height: 91rpx;
		background: #fff;
		margin-top: 20rpx;
		display: flex;
		align-items: center;
	}

	.allshopsicon {
		width: 24rpx;
		height: 23rpx;
		margin-right: 12rpx;
	}

	.allshopstitle {
		margin-left: 32rpx;
		margin-right: 60rpx;
		font-size: 32rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #333333;
		line-height: 40rpx;
	}

	.allshopPL {
		font-size: 32rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #333333;
		line-height: 40rpx;
	}

	.pjnum {
		font-weight: normal !important;
	}

	.allshopstitle_active {
		font-weight: 700;
		color: #FF0000;
	}

	.allshopitembox {
		width: 100%;
		/* height: 135rpx; */
		background: #EEEEEE;
		padding: 28rpx 34rpx 0rpx 0rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		flex-wrap: wrap;

	}

	.allshopitem {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #333333;
		line-height: 40rpx;
		margin-left: 30rpx;
		margin-bottom: 32rpx;
	}

	.allshopitem_active {
		background: #FFFFFF;
		border: 1rpx solid #FF0000;
		border-radius: 10rpx;
		padding: 9rpx 6rpx;
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FE0000;
		line-height: 40rpx;
		;
	}

	/* 全部商品 */

	.infobox_shopimg {
		width: 690rpx;
		height: 391rpx;
		background: #FBFBFB;
		border-radius: 15rpx;
		margin: 0 auto;
		margin-top: 20rpx;
	}

	.infotitlebox {
		width: 750rpx;
		height: 105rpx;
		background: #FFFFFF;
		margin-top: 20rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.infotitle {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #555555;
		display: flex;
		align-items: center;
		/* line-height: 105rpx; */
	}

	.infotitle:first-child {
		margin-left: 31rpx;
	}

	.infotitle:last-child {
		margin-right: 31rpx;
		display: flex;
	}

	.price_jiantou {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-left: 11rpx;
	}

	.infotitle_active {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FF9A00;
	}

	.topicon {
		font-size: 22rpx;
		color: #FF9A00;
	}

	.bottomicon {
		width: 17rpx;
		font-size: 22rpx;
		color: #555;
	}

	.info_contentbox {
		width: 690rpx;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		margin: 0 auto;
		margin-top: 21rpx;
	}

	.info_content {
		width: 335rpx;
		/* height: 490rpx; */
		background: #FFFFFF;
		border-radius: 10rpx;
		margin-bottom: 21rpx;
		margin-right: 20rpx;
		padding-bottom: 18rpx;
		position: relative;
	}

	.info_content:nth-child(2n) {
		margin-right: 0;
	}

	.info_contentimg {
		width: 335rpx;
		height: 296rpx;

		border-radius: 10rpx 10rpx 0rpx 0rpx;
	}

	.info_contentimg1 {
		width: 100%;
		height: 100%;
	}

	.info_contenttitle {
		width: 335rpx;
		margin-top: 20rpx;
		margin-left: 21rpx;
		display: flex;
		align-items: center;

	}

	.info_contenttxt {
		width: 260rpx;
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #333333;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin-right: 20rpx;
	}

	.info_contentbaioqian {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		margin-top: 16rpx;
		margin-left: 20rpx;
	}

	.info_biaoqian {
		font-size: 22rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FFFFFF;
		background: #EE0E6B;
		border-radius: 5rpx;
		padding: 3rpx 5rpx;
		text-align: center;
		margin-right: 5rpx;
	}

	.info-dazhe {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 20rpx;
		padding: 0 20rpx;
		box-sizing: border-box;
	}

	.info-dazheL {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #555555;
		line-height: 24rpx;
	}

	.info-dazheR {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FF5A00;
		line-height: 24rpx;
	}

	.info-dazheLicon {
		font-size: 14rpx
	}

	.info_bottomprice {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FF0000;
		line-height: 24rpx;
		display: flex;
		justify-content: flex-end;
		margin-right: 20rpx;
		margin-top: 20rpx;
	}

	.info_bottompriceicon {
		font-size: 20rpx;
		font-weight: 700;
	}

	.price {
		font-size: 28rpx;
		font-weight: 700;
	}

	/* 评价 */
	.evaluatebox_change {
		height: 86rpx;
		width: 100%;
		background: #fff;
	}

	.evaluate_line {
		width: 691rpx;
		height: 2rpx;
		background: #eee;
		margin: 0 auto;
	}

	.evaluatebox_changebox {
		display: flex;
		align-items: flex-start;
		margin-top: 20rpx;

	}

	.evaluatebox_changeitem {
		margin-left: 31rpx;
		margin-right: 147rpx;
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #555555;
		line-height: 40rpx;
	}

	.evaluatebox_changeitem {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #555555;
		line-height: 40rpx;
	}

	.evaluatebox_changeitemAV {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FF9A00;
		line-height: 40rpx;
	}

	.evaluate_info {
		width: 100%;
		background: #fff;
		margin-top: 20rpx;
	}

	.evaluate_info1 {
		height: 70vh;
		overflow: hidden;
	}

	.evaluate_infotop {
		display: flex;
		align-items: center;
		padding-top: 20rpx;
		justify-content: space-between;
	}

	.evaluate_infotopL {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: 700;
		color: #333333;
		line-height: 45rpx;
		margin-left: 30rpx;
	}

	.evaluate_infotopR {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #333333;
		line-height: 45rpx;
		margin-right: 30rpx;
	}

	.evaluatenum {
		color: #999;
	}

	.evaluate_infobox {
		margin-top: 22rpx;
		margin-left: 31rpx;
	}

	.evaluate_infohead {
		display: flex;
		align-items: center;
	}

	.evaluate_infoheadimg {
		width: 60rpx;
		height: 60rpx;
		/* background: #F29C9F; */
		border-radius: 10rpx;
	}

	.evaluate_infoheadtitle {
		margin-left: 10rpx;
	}

	.evaluate_infoheadtitle1 {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: 600;
		color: #333333;
	}

	.evaluate_infoheadtime {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #999999;

	}

	.describebox {
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #333333;
		line-height: 40rpx;
		margin-top: 18rpx;
		margin-right: 45rpx;
	}

	.evaluateimgbox {
		margin-top: 20rpx;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		border-bottom: 1rpx solid #eee;
	}

	.evaluateimg {
		width: 148rpx;
		height: 148rpx;
		background: linear-gradient(188deg, #FBEBDC 0%, #78AFFF 100%);
		border-radius: 10rpx;
		margin-right: 20rpx;
		margin-bottom: 20rpx;
	}

	.evaluateimg1 {
		width: 100%;
		height: 100%;
	}
	/* 固定上边的小图标 */
	.float_left_icon {
		width: 121rpx;
		height: 56rpx;
		background: url(https://yuanchubao.oss-cn-beijing.aliyuncs.com/danpinPT.png) no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;
		left: 0;
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FFFFFF;
		line-height: 56rpx;
		text-align: center;
	}
	
	.float_right_icon {
		width: 121rpx;
		height: 56rpx;
		background: url(https://yuanchubao.oss-cn-beijing.aliyuncs.com/dianpuPT.png) no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;
		right: 0;
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FFFFFF;
		line-height: 56rpx;
		text-align: center;
	}
</style>